layui.use(['upload', 'element', 'layer', 'form'], function () {
    var $ = layui.jquery
        , element = layui.element
        , layer = layui.layer;
    let form = layui.form;


    //富文本
    const E = window.wangEditor;
    const editor = new E('#content');
    const editUrl = 'http://127.0.0.1:8080/upload';//服务器访问地址
    editor.customConfig.uploadImgShowBase64 = true;  // 使用 base64 保存图片
    editor.customConfig.uploadImgServer = editUrl; // 上传图片到服务器
    editor.customConfig.showLinkImg = false;// 隐藏“网络图片”tab
    //配置属性名称，绑定请求的图片数据
    editor.customConfig.uploadFileName = 'file';
    editor.customConfig.withCredentials = true;
    // 将图片大小限制为 5M
    editor.customConfig.uploadImgMaxSize = 5 * 1024 * 1024;
    editor.customConfig.uploadImgHooks = {

        success: function (xhr, editor, result) {
            // 图片上传并返回结果，图片插入成功之后触发
            // xhr 是 XMLHttpRequst 对象，editor 是编辑器对象，result 是服务器端返回的结果
            console.log(result);
        },
        // 如果服务器端返回的不是 {errno:0, data: [...]} 这种格式，可使用该配置
        // （但是，服务器端返回的必须是一个 JSON 格式字符串！！！否则会报错）
        customInsert: function (insertImg, result, editor) {
            // 图片上传并返回结果，自定义插入图片的事件（而不是编辑器自动插入图片！！！）
            // insertImg 是插入图片的函数，editor 是编辑器对象，result 是服务器端返回的结果

            // 举例：假如上传图片成功后，服务器端返回的是 {url:'....'} 这种格式，即可这样插入图片：
            let url = result.data.src;
            console.log(url);
            insertImg(url)//回显到富文本里面
            // result 必须是一个 JSON 格式字符串！！！否则报错
        }
    };

    //富文本创建
    editor.create();

    findNewsCLaasAll();

    // 加载完成需要查询数据库的新闻分类
    function findNewsCLaasAll() {
        $.ajax({
            url: 'http://127.0.0.1:8080/back/newsClass/findAll',
            data: {enable: 1},
            type: 'get',
            dataType: 'json',
            success: function (res) {
                // console.log(res);
                //    将得到的值赋值给下拉菜单
                setNewsClassData(res.data);
            }
        })
    }

    function setNewsClassData(data) {
        let html = '';
        for (let i = 0; i < data.length; i++) {
            html += '<option value="' + data[i].id + '">' + data[i].name + '</option>';
        }
        $("#news_class_id").html(html);
        form.render();//重新渲染表单
    }


    //监听提交
    form.on('submit(add)',
        function (data) {
            data = data.field;
            data.classId = data.classIds
            data.content = editor.txt.html();
            // console.log(data);
            $.ajax({
                url: 'http://127.0.0.1:8080/back/news/add',
                data: data,
                type: 'post',
                dataType: 'json',
                success: function (res) {
                    if (res.count > 0) {
                        layer.alert("增加成功", {
                                icon: 6
                            },
                            function () {
                                //关闭当前frame
                                xadmin.close();

                                // 可以对父窗口进行刷新
                                xadmin.father_reload();
                            });
                    } else {
                        layer.alert(res.msg);
                    }
                }
            })
            //发异步，把数据提交给java

            return false;
        });

});



